		<template>
	<view class="risk">
		<view class="risk-1">
			<progress class="risk-2" :percent="index" stroke-width="10" activeColor="#3775f6" :border-radius="25"
				backgroundColor="#ffffff" />
		</view>
		<swiper class="current" @change="add" :current="current">
			<swiper-item class="current-2" v-for="(item,index) in arr" :key="item.pitch" current-item-id="ietem">
				<view class="swiper-item">
					<view class="current-3">
						<text></text>
						<text>{{item.title}}</text>
					</view>
					<view v-for="(elem,index) in item.topic" :key="index"
						:class="item.pitch==elem?'current-3':'current-1'" @click="alter(item,elem,item.score[index])">
						{{elem}}
					</view>
					<view class="current-2" v-if="index!=0">
						<text class="button" @click="reduce">上一题</text>
					</view>
					<view class="box-1" v-if="index==arr.length-1">
						<checkbox style="transform:scale(0.6)" color="#007AFF" value="cb" checked="true" />
						<text>本人确认仅为中国税收居民。<text class="wz12">一经确认无法更改</text>(若有其他国家税收居民身份,请联系客服)</text>
						<navigator class="ok" url="./Result" @click="getres">确认无误提交</navigator>
					</view>
				</view>
			</swiper-item>

		</swiper>
	</view>
</template>

<script>
	import {
		createNamespacedHelpers
	} from "vuex";
	let {
		mapActions,
	} = createNamespacedHelpers(
		"user"
	);
	export default {
		data() {
			return {
				index: 10,
				current: 0,
				total: 0,
				arr: [{
						title: `1.你的学历是？`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.硕士及以上', 'B.本科', 'C.专科', 'D.高中/中专', 'E.初中及以下']
					},
					{
						title: `2.你的职业是？`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.金融行业从业人员', 'B.专业技术人员', 'C.一般企业事业单位员工', 'D.私营业主或企事业单位管理人员', 'E.无固定职业']
					},
					{
						title: `3.你的主要收入来源是？`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.利息、股息、转让证券等金融性资产收入', 'B.出租、出售房地产等非金融性资产收入', 'C.生产经营所得', 'D.工资、劳务报酬', 'E.无固定收入']
					},
					{
						title: `4.你的家庭可支配年收入是？`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.100万元以上', 'B.50-100万元', 'C.30-50万元', 'D.10-30万元', 'E.10万元以下']
					},
					{
						title: `5.您的家庭可支配收入中，可用于金融投资(储蓄存款除外)的比例是?`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.大于60%', 'B.40%-60%', 'C.20%-40%', 'D.10%-20%', 'E.小于10%']
					},
					{
						title: `6.您是否有尚未清偿的债务?`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.没有', 'B.有，信用卡未偿还欠款等短期信用额度', 'C.有，住宅抵押款等长期定期额债务', 'D.有，亲朋之间大额借款', 'E.有，且包含以上多项债务类型']
					},
					{
						title: `7.您的投资经验可描述为?`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.较少:除银行活期账户和定期存款外,基本没有其他投资经验', 'B.—般︰除银行活期账户和定期存款外，还买过国债、基金、保险中的低风险产品',
							'C..比较丰富:有一定的投资经验，除投资于存款、低风险产品外，还购买过股票、基金等风险产品，但需要进一步的投资指导',
							'D.丰富:比较有经验的投资者，资产均衡地分布于存款、国债、银行理财产品、信托产品、股票、基金等,并倾向于自己做出投资决策',
							'E.非常丰富:非常有经验的投资者,大部分投资于股票、基金、外汇等高风险产品,参与过权证、期货或创业板等高风险产品的交易'
						]
					},
					{
						title: `8.您的投资目的是?`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.资产迅速增长', 'B.资产快速且稳健增长', 'C.资产稳健增长', 'D.资产保值，可有固定收入', 'E.资产保值']
					},
					{
						title: `9.以下哪项描述最符合您的投资态度?`,
						num: 0,
						pitch: ``,
						score: [10, 8, 6, 3, 0],
						topic: ['A.希望赚取高回报，愿意为此承担任何本金损失', 'B.寻求资金的较高受益和成长性，愿意为此承担风险', 'C.不是很反感，愿意承担一定幅度的受益波动',
							'D.不希望本金损失，愿意承担一定幅度的收益波动', 'E.厌恶风险，不希望本金损失，希望获得稳定回报'
						]
					},
					{
						title: `10.以下哪项描述最符合您的投资态度?`,
						num: 0,
						pitch: ``,
						score: [10, 0],
						topic: [`A.是`, `B.否`]
					}
				]

			}
		},
		methods: {
			...mapActions([`getrisk`]),
			add(e) {
				// console.log(e.detail.current)
				// console.log(this.arr.length)
				let max = e.detail.current
				// console.log(max)
				// console.log(this.arr.length)
				if (max <= this.arr.length - 1) {
					this.index = 10 * (this.current + 1)
				} else {
					this.index = 10 * (this.current + 1)
				}
			},
			//答题跳转
			alter(item, data, num) {
				//item 是当前整个对象
				// console.log(id)//拿去到的分数
				// console.log(data)//拿去到的当前对象
				item.pitch = data
				item.num = num
				if (this.current == this.arr.length - 1) {
					this.current = this.arr.length - 1
				} else {
					this.current++
				}

			},
			//返回上一页
			reduce() {
				this.current--
			},
			//得到总分
			getres() {
				let id=uni.getStorageSync('id');
				// let id=8
				this.arr.forEach(item => {
					this.total += item.num
				})
				let data = {
					"riskNumber":this.total,
					"userId":id
				}
				this.getrisk(data)
			}
		}
	}
</script>

<style scoped lang="scss">
	.risk {
		box-sizing: border-box;
		width: 750rpx;
		padding: 0rpx 40rpx;

		.risk-1 {
			margin-top: 30rpx;
		}

		.current {
			margin-top: 50rpx;
			width: 100%;
			height: 2000rpx;
			// background-color: red;

			.current-2 {
				width: 100%;
				height: 100%;

				.current-1 {
					padding-top: 20rpx;
					padding-bottom: 20rpx;
					width: 100%;
					font-size: 28rpx;
					font-weight: 800;
					border-bottom: 3px solid #f5f5f5;
				}

				.button {
					width: 25%;
					height: 100%;
					font-size: 32rpx;
					font-weight: 600;
					color: #d2d2d2;
				}

				.box-1 {
					margin-top: 40rpx;
					width: 100%;
					height: 200rpx;

					// background-color: red;
					.ok {
						margin-top: 40rpx;
						width: 100%;
						height: 70rpx;
						text-align: center;
						color: #FFFFFF;
						font-size: 35rpx;
						line-height: 70rpx;
						border-radius: 15rpx;
						background-color: #3874f6;
					}
					.wz12{
						font-size: 30rpx;
						font-weight: 800;
						color:#ff0000 ;
					}

				}

				.current-3 {
					padding-top: 20rpx;
					padding-bottom: 20rpx;
					width: 100%;
					font-size: 28rpx;
					font-weight: 800;
					color: #007AFF;
					border-bottom: 3px solid #f5f5f5;
				}
			}

		}
	}
</style>
